<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>江南国际城</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />
	<link href="/static/jiangnan/css/style.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="/static/jiangnan/js/jquery.min.js"></script>
	<script type="text/javascript" src="/static/jiangnan/js/slider.js"></script>
</head>
<body>

<section class="aui-flexView">
	
	<section class="aui-scrollView">
		<div class="aui-wallet-head">
			<div class="aui-flex">
				<div class="aui-flex-box">
					<i class="icon icon-info"></i>
				</div>
				<div class="aui-flex-box">
					<h3>总优惠时长(小时)</h3>
				</div>
				<div class="aui-flex-box">
					<i class="icon icon-set"></i>
				</div>
			</div>
			<div class="aui-title-wall">
				<h1 style="text-align:center">30</h1>
			</div>
			<div class="aui-wallet-bottom">
				<div class="aui-palace aui-palace-one">
					<a href="javascript:;" class="aui-palace-grid">
						<div class="aui-palace-grid-text">
							<p>已添加访客（辆）</p>
						</div>
						<div class="aui-palace-grid-text">
							<h2 style="color:#f9fd06">{$car_num}</h2>
						</div>
					</a>
					<a href="javascript:;" class="aui-palace-grid">
						<div class="aui-palace-grid-text">
							<p>已使用时长（小时）</p>
						</div>
						<div class="aui-palace-grid-text">
							<h2>{$hours}</h2>
						</div>
					</a>
					<a href="javascript:;" class="aui-palace-grid">
						<div class="aui-palace-grid-text">
							<p>未使用时长（小时）</p>
						</div>
						<div class="aui-palace-grid-text">
							<h2>{$lave_hours}</h2>
						</div>
					</a>
				</div>
			</div>
		</div>
		<div class="aui-palace aui-palace-two">
			<a href="{:url('carLibraryList')}?user_id={$user_id}" class="aui-palace-grid" >
				<div class="aui-palace-grid-icon">
					<img src="/static/jiangnan/images/yzcl.png" alt="">
				</div>
				<div class="aui-palace-grid-text">
					<h2>业主车辆</h2>
				</div>
			</a>
			<a href="javascript:;" class="aui-palace-grid" onclick="alert('该功能暂未开放')">
				<div class="aui-palace-grid-icon">
					<img src="/static/jiangnan/images/jrcl.png" alt="">
				</div>
				<div class="aui-palace-grid-text">
					<h2>家人车辆</h2>
				</div>
			</a>
			<a href="{:url('carlist')}?user_id={$user_id}" class="aui-palace-grid">
				<div class="aui-palace-grid-icon">
					<img src="/static/jiangnan/images/youhui.png" alt="">
				</div>
				<div class="aui-palace-grid-text">
					<h2>访客车辆</h2>
				</div>
			</a>
			<a class="aui-palace-grid" href="{:url('violation')}?user_id={$user_id}">
				<div class="aui-palace-grid-icon">
					<img src="/static/jiangnan/images/tcjf.png" alt="">
				</div>
				<div class="aui-palace-grid-text">
					<h2>占位拍照</h2>
				</div>
			</a>
		</div>
		<div class="divHeight"></div>
		<div class="aui-wallet-cell">
			{foreach $orderlist as $order}
			<a href="javascript:;" class="aui-flex aui-flex-one">
				<div class="aui-wallet-bank">
					<img src="/static/jiangnan/images/ad-01.png" alt="">
				</div>
				<div class="aui-flex-box">
					<h2>{$order.car_number}</h2>
					<p>入场时间：{$order.in_time|strtotime|date="Y-m-d H:i"}</p>
					<p>出场时间：{$order.out_time|strtotime|date="Y-m-d H:i"}</p>
					<p>使用时长:{$order.fee_duration|ctime}</p>
					<button>车辆已离场</button>
				</div>
			</a>
			<div class="divHeight"></div>
			{/foreach}
		</div>
		<div class="divHeight"></div>
		<!--<div class="aui-flex" style="padding-top:4px; padding-bottom:4px;">
			<div class="aui-flex-box">
				<h1>专享福利</h1>
			</div>
		</div>
		<div class="m-slider" data-ydui-slider>
			<div class="slider-wrapper">
				<div class="slider-item">
					<a href="javascript:;">
						<img src="static/api/images/banner.png" alt="">
					</a>
				</div>
				<div class="slider-item">
					<a href="javascript:;">
						<img src="static/api/images/banner.png" alt="">
					</a>
				</div>
				<div class="slider-item">
					<a href="javascript:;">
						<img src="static/api/images/banner.png" alt="">
					</a>
				</div>
				<div class="slider-item">
					<a href="javascript:;">
						<img src="static/api/images/banner.png" alt="">
					</a>
				</div>
			</div>
			<div class="slider-pagination"></div>
		</div>-->
		<div class="divHeight"></div>
	</section>
</section>
</body>

</html>
